import { createRouter, createWebHistory } from "vue-router";

const router = createRouter({
    history: createWebHistory(),
    routes: [
        {
            path: '/',
            redirect: "/props"
        },
        {
            path: '/props',
            component: () => import('@/components/Props/Props.vue')
        },
        {
            path: '/mitt',
            component: () => import('@/components/Mitt/Mitt.vue')
        },
        {
            path: '/custom',
            component: () => import('@/components/Custom/Custom.vue')
        },
        {
            path: '/attrs',
            component: () => import('@/components/Attrs/Attrs.vue')
        },
        {
            path: '/v-model',
            component: () => import('@/components/V-model/V-model.vue')
        },
        {
            path: '/refs-parent',
            component: () => import('@/components/Refs-Parent/Refs-Parent.vue')
        },
        {
            path: '/provide-inject',
            component: () => import('@/components/Provide-inject/Provide-inject.vue')
        },
        {
            path: '/slot1',
            component: () => import('@/components/Slot1/Slot1.vue')
        },
        {
            path: '/slot2',
            component: () => import('@/components/Slot2/Slot2.vue')
        },
        {
            path: '/slot3',
            component: () => import('@/components/Slot3/Slot3.vue')
        },
        {
            path: '/shallowRef',
            component: () => import('@/components/Some-api/shallowRef-shallowReactive.vue')
        },
        {
            path: '/shallowReadonly',
            component: () => import('@/components/Some-api/shallowReadonly-readonly.vue')
        },
        {
            path: '/teleport',
            component: () => import('@/components/Some-api/Teleport/Home.vue')
        },
        {
            path: '/susponse',
            component: () => import('@/components/Some-api/Susponse/Home.vue')
        },
        {
            path: '/raw',
            component: () => import('@/components/Some-api/toRaw-markRaw.vue')
        },
        {
            path: '/customRef',
            component: () => import('@/components/Some-api/CustomRef/Home.vue')
        },
    ]
})

export default router